.article-block{
  margin-top: 20px;
  position: relative;
  .page-content-block{
    width: 63%;
    min-height: 560px;
    .page-nav{
      padding-bottom: 13px;
      display: flex;
      align-items: center;
      border-bottom: 1px solid #E5E5EA;
      font-size: 16px;
      span{
        cursor: pointer;
      }
    }
    .article-content{
      padding: 30px 0;
      .article-title{
        text-align: center;
        font-size: 34px;
        font-weight: bold;
      }
      .article-date{
        margin: 15px 0;
        color: #999999;
        font-size: 12px;
      }
      .article-enclosure{
        padding: 15px 15px 5px 15px;
        margin-bottom: 15px;
        display: flex;
        background: #F3F2F8;
        .enclosure-list{
          width: 92%;
          margin-left: 20px;
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          justify-content: space-between;
          color: #007AFF;
          .enclosure-item{
            width: 33%;
            margin-bottom: 10px;
            cursor: pointer;
            display: block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;

          }
        }
      }
    }
  }
  .float-block{
    width:35%;
  }
}
